<template>
    <div class="myInfo">
        <h1>{{name}}</h1>
        <p>{{birthday}}</p>
        <p>{{school}}</p>
        <p>
            <my-app></my-app>
        </p>
    </div>
</template>

<script>
    import MyApp from "../common/MyApp";

    export default {
        name: "MyInfo",
        components: {MyApp},
        data() {
            return {
                name: "kartoffel",
                birthday: "1997-02-14",
                school: "重庆理工大学",
            }
        }
    }
</script>

<style scoped>
    .myInfo {
        padding-top: 30px;
    }

    .myInfo h1 {
        height: 50px;
        line-height: 50px;
        font-size: 40px;
    }

    .myInfo p {
        padding: 10px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
</style>


